html,body{margin: 0;padding: 0;} .pagebox{ position:relative; }*{--color: #1177cc} a{text-decoration:none;} a:hover,a:active{text-decoration:none;} a:focus{text-decoration:none;} body{ overflow-x:hidden; } #content_box-1595584207662{ display:flex; align-items:center; } #w_grid-1591935017781 > div > .p_gridbox{background:url(../image/aokai_inProBg.jpg) center center no-repeat !important;background-size:cover !important;} #c_portalResnav_main-1585813169031{position: relative;overflow: visible;z-index: 999;} #c_portalResnav_main-1595472701069{position: relative;overflow: visible;z-index: 999;}  @media only screen and (min-width: 769px) { .p_page .pre { display: inline-table; position: relative; left: 0; top: 0; float: left; height: 38px; margin: 0 5px 0 18px; text-align: center; padding: 0 10px; border-radius: 0px; border: 1px solid #fff; background: #fff; color: #333333; } .p_page .pre:active { background: #0058B1; border-color: #0058B1; color: #fff; } .p_page .pre:hover { color: #fff; background: #0058B1; border-color: #0058B1; cursor: pointer; } .p_page .next { display: inline-table; position: relative; left: 0; top: 0; float: left; height: 38px; border: 1px solid #fff; background: #fff; color: #333; text-align: center; padding: 0 10px; border-radius: 0px; } .p_page .next:active { background: #0058B1; border-color: #0058B1; color: #fff; } .p_page .next:hover { background: #0058B1; border-color:#0058B1; color: #fff; cursor: pointer; } .p_page .pageNum { position: relative; float: left; height: 38px; min-width: 38px; margin: 0 5px 0 0; padding: 0 5px; background-size: 100% 100%; color: #595959; border: 1px solid #fff; cursor: pointer; line-height: 38px; display: inline-block; font-family: inherit; font-size: 14px; font-weight: inherit; text-decoration: none; background-color: #fff; text-align: center; border-radius: 0px; } .p_page .pageNum:active { color: #fff; text-decoration: none; background-color: #0058B1; border-color: #0058B1; } .p_page .pageNum:hover { color: #fff; border-color: #0058B1; cursor: pointer; text-decoration: none; background-color: #0058B1; } .p_page .pageNum.active { text-decoration: none; background-color: #0058B1; color: #fff; border-color:#0058B1; } } @media screen and (max-width: 768px) { .p_pagebox .NumBox { display: none !important; } .p_pagebox { width: 100%; text-align: center; } .p_pagebox .js_pageBtnDisable, .p_pagebox .js_pageBtnDisable:hover, .p_pagebox .js_pageBtnDisable:active { background: #f5f5f5 !important; border-color: #d9d9d9 !important; color: #bfbfbf !important; cursor: default; } .p_pagebox .js_pageBtnDisable .iconfont { color: #ddd !important; } .p_pagebox .js_pageBtnDisable:hover .iconfont { color: #bfbfbf !important; } .p_pagebox .pre { width: 48%; margin-right: 2%; background-color: #b5252e; } .p_pagebox .pre:hover { color: rgba(255, 255, 255, 1); border-color: #0058B1; background-color: #0058B1; cursor: pointer; } .p_pagebox .pre:active { background-color: #0058B1; } .p_pagebox .next { width: 48%; margin-left: 2%; background-color: #b5252e; } .p_pagebox .next:hover { background-color: #0058B1; } .p_pagebox .next:active { background-color: #0058B1; } }   ::-webkit-scrollbar { width: 5px; }  ::-webkit-scrollbar-track { background: #fff; border-radius: 0px; }  ::-webkit-scrollbar-thumb { background: #1177cc; border-radius: 0px; }  ::-webkit-scrollbar-thumb:hover { background: #1177cc; }  @keyframes wSkewIn { from { transform: skew(0deg, 10deg) translateY(50px); opacity: 0; } to { transform: skew(0deg, 0deg) translateY(0px); opacity: 1; } } @keyframes wSkewOut { from { transform: skew(0deg, 0deg) translateY(0px); opacity: 1; } to { transform: skew(0deg, 10deg) translateY(50px); opacity: 0; } } .language_zmdh{ width:100%; height:36px; float:left; } .language_zmdhxx{ width:47%; height:36px; line-height:36px; background:#1177cc; margin-top:5px; border-radius:30px; margin-bottom:5px; float:left; margin-right:3%; text-align:center; } .language_zmdhxx a{ color:#fff; } .language_zmdhxx a:hover{ color:#000; } @media only screen and (max-width:1280px) and (min-width:1024px) { #c_portalResnav_main-1585813169031 .header1 nav{ margin-left: -120px !important;} #c_portalResnav_main-15858219644429631 .header1 nav{ left: 51% !important;} #c_portalResnav_main-1585813169031 .header1 nav{ left: 45% !important;} #c_portalResnav_main-15858219644429631 .header1 h1 img,#c_portalResnav_main-1585813169031 .header1 h1 img{ max-width:75% !important; top: 20px !important;} } @media only screen and (min-width: 1367px) { #c_portalResPublic_codeContainer-1585813169061 .pro_ser .pro_sum{ margin-bottom: 60px !important;}} #c_portalResEbizads_banner-15732975833830928 .subpage_ad .ad-tit, #c_portalResEbizads_banner-15732975958062598 .subpage_ad .ad-tit, #c_portalResEbizads_banner-15732976180902055 .subpage_ad .ad-tit, #c_portalResEbizads_banner-15732975560143639 .subpage_ad .ad-tit, #c_portalResEbizads_banner-15732970644060987 .subpage_ad .ad-tit { font-size: 33px !important; font-weight: bold; } @media only screen and (max-width: 1320px){ #c_portalResnav_main-15858219644429631 .header1 nav li{ margin: 0 5px !important; } #c_portalResnav_main-15858219644429631 .head_lan { width: 50% !important; } } @media only screen and (max-width: 1360px){ #c_portalResnav_main-15858219644429631 .header1 nav { width: 700px !important; margin-left: -220px !important; } } #c_portalResEbizads_banner-1573521815599 .subpage_ad .ad-tit,#c_portalResEbizads_banner-15732980607606595 .subpage_ad .ad-tit{display:none !important;} .e_SideMajorStyleBox-001 .stylebox_top { width: auto; height: 50px !important; background-color: rgb(18, 119, 204) !important; } .e_SideMajorStyleBox-001 .stylebox_title { display: inline-block; width: auto; height: inherit; background-color: rgb(18, 119, 204) !important; padding-left: 15px; padding-right: 15px; font-size: 0; vertical-align: bottom; white-space: nowrap; } .e_SideMajorStyleBox-001 .title_main { display: inline-block; vertical-align: middle; line-height: 50px !important; color: rgba(255,255,255,1); font-weight: normal; font-size: 20px !important; max-width: 600px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } @media only screen and (max-width:1440px) and (min-width:1366px){ #c_portalResnav_main-15858219644429631 .header1 h1 img,#c_portalResnav_main-1585813169031 .header1 h1 img{ max-width: 90% !important; position: absolute; left: 0px; top: 18px !important;} #c_portalResnav_main-15858219644429631 .head_lan,#c_portalResnav_main-1585813169031 .head_lan{width: 90% !important;} #c_portalResnav_main-15858219644429631 .header1 .header-right,#c_portalResnav_main-1585813169031 .header1 .header-right{width:14% !important;} } @media only screen and (max-width:1366px) and (min-width:1281px) { #c_portalResnav_main-15858219644429631 .header1 h1 img,#c_portalResnav_main-1585813169031 .header1 h1 img{ max-width:75% !important; position: absolute; left: 0px; top:21px !important;} #c_portalResnav_main-15858219644429631 .head_lan,#c_portalResnav_main-1585813169031 .head_lan{width: 90% !important;} #c_portalResnav_main-15858219644429631 .header1 .header-right,#c_portalResnav_main-1585813169031 .header1 .header-right{width:14% !important;} }